<%@page import="org.ccpp.portal.sql.SQLBasico"%>
<%@page import="java.util.Iterator"%>
<%@page import="org.ccpp.portal.coleciones.Propiedades"%>
<%@page import="java.util.LinkedList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="include_head.jsp"/>
<title>Cooperativas de programadores - Foro</title>
</head>
<body class="inicio">
<jsp:include page="include_publico_title.jsp"/>
<div class='bg_logo' align="center">
	<jsp:include page="include_publico_barra_menu.jsp"/>
	<table class='table_document' width='90%'>
		<tr>
			<td class='td_border_left'></td>
			<td class='td_document'>
				<h3>Hilos</h3>
				<hr/>
				<%
					try{
						SQLBasico sqlBasico=new SQLBasico(); 
						LinkedList<Propiedades> list=sqlBasico.ejecutarConsulta("fo_hit_temas","","hit_orden",0);
						Iterator<Propiedades> it1=list.iterator();
						boolean elementos=false;
						while(it1.hasNext()){
							Propiedades p=it1.next();
							out.println("<h3>" + p.getControlXSS("hil_descripcion", 20) + "<h3>");
							out.println("<h4>" + p.getControlXSS("hil_texto", 100) + "<h3>");
							out.println("<hr/>");
							elementos=true;
						}
						if (!elementos){
							out.println("<h4>No hay hilos<h4>");
						}
					}catch(Exception e){
						e.printStackTrace();
						out.println("Noticias no disponibles");
					}
				%>
				<br/>
				<div id="add_nuevo_elemento">
					<input type="button" id="input_nuevo" href="#" value="Añade nuevo hilo"/>
				</div>
				
				<form id='form_nuevo_elemento' name='form_nuevo_elemento'>
					<input id='hilo_tema' value='<%=tema%>'/>
					<fieldset id="nuevo_elemento" style="display:none">
						<legend>Introduzce el título y texto del nuevo hilo</legend>
						<table>
							<tr>
								<td class="td_form">Título</td>
								<td class="td_form"><input id="hilo_titulo" maxlength="200" size="80"/></td>
							</tr>
							<tr>
								<td class="td_form">Texto</td>
								<td class="td_form"><textarea id="hilo_texto" rows="10" cols="80"></textarea></td>
							</tr>
							<tr>
								<td class="td_form">Introduce el texto</td>
								<td class="td_form" >
									<table>
										<tr>
											<td><input type="text" id="captcha" name="captcha" value="" maxlength="50" size="10"/></td>
											<td class="td_form"><img src="publico_captcha.jsp"/></td>
										</tr>
									</table>
								</td>
							</tr>
							
							
							<tr>
								<td class="td_form">
									<input type="button" id="input_enviar_nuevo_hilo" value="Enviar"/>
									<script>
								    </script>
								</td>
							</tr>
						</table>
					</fieldset>
				</form>
				<h3></h3>	
			</td>
			<td class='td_border_rigth'></td>
		</tr>
	</table>
</div>


<jsp:include page="include_publico_pie.jsp"/>

<script>
	/*$(document).ready(function() {
  	});*/
	
    $('#input_nuevo').click(function() {
		$('#add_nuevo_elemento').fadeOut('fast', function() {
			$('#nuevo_elemento').fadeIn('fast', function() {
		    });
		});
	});

  	$('#input_enviar_nuevo_hilo').click(function() {
  		alert($("#form_nuevo_elemento").serializeArray());
  	    $.ajax({ 
  	    	type: "post",
  	    	url: "publico_ajax_hilo_nuevo.jsp", 
  	    	data: $("#form_nuevo_elemento").serializeArray(),
  	    	success: function(){
	  	  		$('#nuevo_elemento').fadeOut('fast', function() {
	  				$('#add_nuevo_elemento').fadeIn('fast', function() {
	  					$('#hilo_titulo').value('');
	  					$('#hilo_texto').text('');
	  					$('#captcha').value('');
	  				    $('#input_nuevo').click(function() {
	  						$('#add_nuevo_elemento').fadeOut('fast', function() {
	  							$('#nuevo_elemento').fadeIn('fast', function() {
	  						    });
	  						});
	  					});	  					
	  			    });
	  			});  	    		
  	      	},
  	      	error: function(t, a){
  	      		$("#error_nuevo_hilo").text(t.responseText);
	  	      	$("#error_nuevo_hilo").dialog({ 
	  	    		modal: true, 
	  	    		resizable: false,
	  	    		buttons: { "Cerrar": function() { $(this).dialog("close"); } }    		
	  	    	});
  	      	}
  	    });
  	});
</script>

<div id="error_nuevo_hilo" title="Error" style="display:none">
	No se pudo guardar el registro
</div>

</body> 
</html>